<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="layout" content="main3"/>
    <title>面谈详情</title>
    <style>
    .imgList {
        display: flex;
        margin-top: 20px;
    }

    .imgList > div {
        width: 200px;
        height: 200px;
        border: 1px solid;
        margin-right: 5px;
        text-align: center;
    }

    .imgList > div > div:first-child {
        margin-top: 5px;
    }
    </style>
</head>

<body>
<div class="wrapper">
    <div class="normalheader  small-header">
        <div class="hpanel">
            <div class="panel-body">
                %{--<a class="small-header-action" href="">
                    <div class="clip-header">
                        <i class="fa fa-arrow-down"></i>
                    </div>
                </a>--}%

                <div id="hbreadcrumb" class="pull-right">
                    <ol class="hbreadcrumb breadcrumb">
                        <li><a href="remoteSignface">进件作业系统</a></li>
                        <li class="active">
                            <span>员工柜员管理</span>
                        </li>
                    </ol>
                </div>

                <h2 class="font-light m-b-xs" style="line-height: 27px;">
                    面谈详情
                </h2>
                %{--<small>Present pricing option for your app</small>--}%
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="hpanel hyellow">
                <div class="panel-heading">
                    <div class="panel-tools">
                    </div>
                    列表
                </div>

                <div class="panel-body">
                    <div class="table-responsive">
                        <table cellpadding="1" cellspacing="1" class="table table-bordered table-striped text-center">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>身份证号</th>
                                <th>手机号</th>
                                <th>产品名称</th>
                                <th>借款金额</th>
                                <th>借款期限</th>
                                <th>商户名称</th>
                                <th>渠道名称</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><span id="opp_fullName">${this?.opportunity?.fullName}</span></td>
                                <td><span id="opp_idNumber">${this?.opportunity?.idNumber}</span></td>
                                <td><span id="opp_cellphone">${this?.opportunity?.cellphone}</span></td>
                                <td><span id="opp_pruductName">${this?.opportunity?.product?.name}</span></td>
                                <td><span id="opp_requestedAmount">${this?.opportunity?.requestedAmount}</span></td>
                                <td><span id="opp_loanDuration">${this?.opportunity?.loanDuration}</span></td>
                                <td><span id="opp_channel">${this?.opportunity?.account?.name}</span></td>
                                <td><span id="opp_account">${this?.opportunity?.account?.parent?.name}</span></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
                %{--<div class="panel-footer">
                    Table - 6 rows
                </div>--}%
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="hpanel hblue">
                <div class="panel-heading">
                    <div class="panel-tools">
                    </div>
                    预警和风险
                </div>

                <div class="panel-body">
                    <div class="col-md-6">
                        <g:each in="${this.opportunityFlexFieldCategorys}">

                            <g:if test="${it?.flexFieldCategory?.name in ['准入警示信息']}">
                                <div class="form form-horizontal">

                                    <div class="form-group">
                                        <label class="col-md-2 control-label">${it?.flexFieldCategory?.name}：</label>

                                        <div class="col-md-10">
                                            <g:each in="${it?.fields}" var="field">
                                                <span class="cont text-comment">${field?.name}:${field?.value}</span>
                                            </g:each>
                                        </div>
                                    </div>

                                </div>
                            </g:if>

                        </g:each>
                    </div>

                    <div class="col-md-6">
                        <g:each in="${this.opportunityFlexFieldCategorys}">

                            <g:if test="${it?.flexFieldCategory?.name in ['额度测算结果']}">
                                <div class="form form-horizontal">

                                    <div class="form-group">
                                        <label class="col-md-2 control-label">${it?.flexFieldCategory?.name}：</label>

                                        <div class="col-md-10">
                                            <g:each in="${it?.fields}" var="field">
                                                <span class="cont text-comment">${field?.name}:${field?.value}</span>
                                            </g:each>
                                        </div>
                                    </div>

                                </div>
                            </g:if>

                        </g:each>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="hpanel hblue">
                <div class="panel-heading">
                    <div class="panel-tools">
                    </div>
                    影像信息
                </div>

                <div class="panel-body">
                    <div class="imgList">
                        <g:each in="${this.opportunity?.attachments}">
                            <div>
                                <g:if test="${it?.type?.name == "借款人身份证正面"}">
                                    <div>身份证</div>
                                    <img width="198" height="175" src="${it?.fileUrl}" alt="">

                                    <div>时间：${it?.createdDate}</div>
                                </g:if>
                                <g:elseif test="${it?.type?.name == "借款人身份证反面"}">
                                    <div>身份证</div>
                                    <img width="198" height="175" src="${it?.fileUrl}" alt="">

                                    <div>时间：${it?.createdDate}</div>
                                </g:elseif>
                                <g:elseif test="${it?.type?.name == "面签"}">
                                    <div>人脸对比</div>
                                    <img width="198" height="175" src="${it?.fileUrl}" alt="">

                                    <div>对比相似度：${it?.createdDate}</div>
                                </g:elseif>
                            </div>
                        </g:each>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <g:include controller="remoteSignFace" action="questionnaireSurvey1/${this.opportunity?.id}"></g:include>

</div>
</body>
</html>